@primary-color: #33a1e0;
@title-color: #2c3e50;

.scrollbar(@width: 6px, @bg: rgba(0,0,0,0.2)){
  overflow-y: auto;
  &::-webkit-scrollbar {
    background: none;
    width: @width;
  }
  &::-webkit-scrollbar-thumb {
    background: @bg;
    border-radius: 3px;
  }
}

// 超出显示省略号
.text-overflow(@row: 1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @row;
  overflow: hidden;
}

.btn-realistic-style(){
  border-style: solid;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  background-image: linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(238,238,238) 100%);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}